/* @font-face {
    font-family: OPPOSans-R-2;
    src: url(../assets/font/OPPOSans-R-2.ttf)
}

body {
    font-family: OPPOSans-R-2;
} */

html,
body,
ul,
ol {
    padding: 0;
    margin: 0;
    user-select: none;
}
ul,
ol {
    list-style-type: none;
}
textarea,
input,
button {
    border: 0;
    outline: none;
}
a,
a:hover,
a:visited,
a:focus {
    color: black;
    text-decoration: none;
}

/* 版心 */
.w {
    width: 1100px;
    margin: 0px auto;
}

.l {
    float: left;
}

.r {
    float: right;
}

.clearfit::after {
    content: "";
    display: block;
    clear: both;
}
.nav{height:80px;width:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:9999;background-color:#fff}.nav .logo img{width:96px;height:35px}.nav ul.items{display:flex}.nav ul.items>li{width:118px;height:80px;position:relative}.nav ul.items>li div.item{width:100%;height:80px;line-height:80px;text-align:center}.nav ul.items>li div.item .fa-angle-up{display:inline-block}.nav ul.items>li div.item .fa-angle-down{display:none}.nav ul.items>li div.item.active{color:#1d3e97}.nav ul.items>li .bg-2nd{height:40px;width:100%;position:fixed;left:0;top:80px;background-color:#fff;display:none}.nav ul.items>li ol{height:40px;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);display:none}.nav ul.items>li ol li{font-size:14px;width:80px;height:40px;line-height:40px;margin-right:40px}.nav ul.items>li ol li:hover a{color:#1d3e97}.nav ul.items>li:hover a{color:#1d3e97}.nav ul.items>li:hover .item:hover .fa-angle-down{display:inline-block}.nav ul.items>li:hover .item:hover .fa-angle-up{display:none}.nav ul.items>li:hover .bg-2nd{display:block}.nav ul.items>li:hover ol{display:flex}.nav ul.items>li:hover ol a{color:#000}.nav .lan span{margin:0 5px;color:#ccc}.nav .lan span.active{color:#000}.nav-board{height:80px}
.footer{width:100%;padding:50px 30px;background-color:#f4f4f4;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.footer .footer-left{width:270px;height:300px}.footer .footer-left .logo{width:100%;margin-bottom:10px}.footer .footer-left .logo img{width:144px;height:52px}.footer .footer-left .QR-code{width:110px;height:110px;font-size:12px;margin:18px 20px 0 0;color:#666;display:inline-block;vertical-align:top}.footer .footer-left .QR-code img{width:62px;height:62px;margin-bottom:14px}.footer .footer-left .QR-code div{text-align:center}.footer .footer-mid{padding:0 20px;font-weight:bold;border-left:2px solid #e5e5e5;border-right:2px solid #e5e5e5}.footer .footer-mid .title{margin:10px 0 20px 0}.footer .footer-mid ul{display:flex}.footer .footer-mid ul>li{margin:0 5px;padding:2px}.footer .footer-mid ul ol{font-size:14px;font-weight:lighter}.footer .footer-mid ul ol li{margin:10px 0}.footer .footer-right{padding-left:20px}.footer .footer-right .title{font-weight:bold;margin:10px 0 20px 0}.footer .footer-right .call{margin:20px 0}.footer .footer-right .call span{display:block;font-size:20px;color:#1d3e97}
